page-home {
  position: relative; }
  page-home .avatarbox {
    display: inline-block;
    height: 44px;
    width: 45%;
    padding-left: 17px; }
    page-home .avatarbox .useravatar {
      display: inline-block;
      width: 44px;
      height: 44px;
      border-radius: 100%; }
    page-home .avatarbox .username {
      display: inline-block;
      vertical-align: top;
      padding-top: 10px;
      color: #fff;
      font-size: 16px; }
  page-home .setting {
    display: inline-block;
    font-size: 2.4rem!important;
    padding: 0 17px;
    color: #fff;
    line-height: 44px; }
  page-home .content {
    background: #f3f8ff; }
    page-home .content .subbg {
      position: relative;
      width: 100%;
      height: 55%;
      background: url(../assets/imgs/bigbg.png) center top;
      background-size: 100% 100%; }
      page-home .content .subbg .msgbox {
        width: 80%;
        position: absolute;
        left: 50%;
        top: 23%;
        transform: translateX(-50%); }
        page-home .content .subbg .msgbox .description {
          display: block;
          color: #fff;
          margin: auto;
          height: 3rem;
          white-space: nowrap;
          line-height: 3rem;
          font-size: 2.2rem; }
    page-home .content .actionbtnbox {
      position: absolute;
      left: 50%;
      top: 34%;
      width: 80%;
      transform: translateX(-50%); }

.qrcodewraper {
  background: rgba(0, 0, 0, 0.8); }
  .qrcodewraper .popover-wrapper {
    position: absolute;
    width: 70%;
    height: 65%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0); }
    .qrcodewraper .popover-wrapper .popover-arrow {
      display: none; }
    .qrcodewraper .popover-wrapper .popover-content {
      left: 0!important;
      top: 0!important;
      width: 100%;
      height: 100%;
      transform: none;
      max-height: 100%;
      border-radius: 0;
      background: rgba(0, 0, 0, 0);
      box-shadow: none; }
  .qrcodewraper.popover-ios .popover-wrapper {
    height: 55%;
    width: 70%; }
